.banner{
    width:100%;
    position:relative;
    .top{
        position:absolute;
        top:0;
        left:50%;
        transform:translate(-50%,0);
        z-index:10;
        border:0;
        background:none;
    }
    .initiate{
        width: 166px;
        height: 42px;
        border: solid 1px #ffffff;
        float:left;
        line-height:42px;
        text-align:center;
        color:#fff;
        margin-top: 20px;
        font-size: 14px;
        z-index: 2;
        position:absolute;
        top:65%;
        left:50%;
        transform:translate(-50%,-50%);
    }
    .top-search{
        position:absolute;
        top:89%;
        left:50%;
        transform:translate(-50%,-50%);
        z-index:2;
        p,a{
            font-family: "MicrosoftYaHei";
            font-size: 14px;
            color: #ffffff;
            display:inline-block;
            float:left;
            margin-right: 8px;
        }
    }
    .swiper-container{
        width:100%;
        .swiper-wrapper{
            width:100%;
            height:auto;
            .swiper-slide{
                width:100%;
                height:auto;
                img{
                    width:100%;
                }
            }
        }
        .swiper-pagination{
            left: 70%;
            width: 60px;
            span{
               display:inline-block;
               float:left;
               background: #fff;
            }
        }
    }
}
.main{
    width:100%;
    .main-container{
        width:1200px;
        margin:0 auto;
        .main-title{
            width:100%;
            .item-type{
                float:left;
                margin-left: 80px;
                img{
                    float: left;
                    margin-top: 28px;
                    margin-right: 10px;
                }
                .item-type-a{
                    display:inline-block;
                    float:left;
                    padding:26px 0;
                    margin-right:25px;
                    cursor:pointer;
                }
                .item-active{
                    border-bottom:1px solid #c79d7b;
                }
            }
            .sort{
                float: right;
                p{
                   font-family: "MicrosoftYaHei";
                    font-size: 14px;
                    color: #333333;
                    margin-right:40px;
                    float: left;
                    line-height:74px;
                    cursor:pointer;
                    img{
                        float:right;
                        margin: 34px 0 0 6px;
                    }
                }
            }
        }
        .main-content{
            padding: 35px 80px 0 80px;
            .to-raise{
                display:inline-block;
                width:330px;
                margin-bottom:65px;
                margin-right:15px;
                background:#fff;
                .content-item{
                    width:100%;
                    position:relative;
                    .status{
                        position:absolute;
                        top:0;
                        left:0;
                        span{
                            display:inline-block;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #333333;
                            position: absolute;
                            top: 5px;
                            left: 15px;
                        }
                    }
                    .main-img{
                        width:100%;
                        height:180px;
                    }
                    .item-details{
                        width:290px;
                        padding:0 20px;
                        em{
                            font-style: italic;
                        }
                        .item-title{
                            font-family: MicrosoftYaHei;
                            font-weight:bold;
                            font-size: 20px;
                            color: #333333;
                            line-height:55px;
                        }
                        .item-detail{
                            font-family: "MicrosoftYaHei";
                            font-size: 14px;
                            height: 20px;
                            color: #bbbbbb;
                            margin-bottom: 20px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                        .raised-rmb-start{
                            font-family:"PingFang SC";
                            color:#ffce09;
                        }
                        .raised-rmb-ing{
                            font-family:"PingFang SC";
                            color:#ffce09;
                        }
                        .raised-rmb-dead{
                            font-family:"PingFang SC";
                            color:#ffce09;
                        }
                        .progress{
                            width: 234px;
                            height: 8px;
                            //background-color: #DDEDF3;
                            border-radius: 4px;
                            margin:5px 0 12px 0;
                            float:left;
                            border:1px solid #ffce09;
                            .ing{
                                background:#ffce09;
                                height:100%;
                                float:left;
                                border-radius: 4px;
                            }
                            .start{
                                background:#ffce09;
                                height:100%;
                                float:left;
                                border-radius: 4px;
                            }
                            .dead{
                                background:#ffce09;
                                height:100%;
                                float:left;
                                border-radius: 4px;
                            }
                        }
                        .amount-progress-start{
                            display:block;
                            width:26px;
                            float:left;
                            color:#ffce09;
                            font-size:14px;
                            padding-left: 10px;
                        }
                        .amount-progress-ing{
                            display:block;
                            width:26px;
                            float:left;
                            color:#ffce09;
                            font-size:14px;
                            padding-left: 10px;
                        }
                        .amount-progress-dead{
                            display:block;
                            width:26px;
                            float:left;
                            color:#ffce09;
                            font-size:14px;
                            padding-left: 10px;
                        }
                        .amount{
                            float:left;
                            width:100%;
                            margin-bottom:27px;
                            .item-amount{
                                display:inline-block;
                                float:left;
                                padding:0 10px;
                                height:37px;
                                p{
                                    height:50%;
                                }
                                .amount-data{
                                    color:#222222;
                                    font-size:14px;

                                }
                                .amount-tips{
                                    color:#949BA3;
                                    font-size:12px;
                                }
                            }
                            i{
                                display:inline-block;
                                width: 1px;
                                height: 30px;
                                background:#E2E2E2;
                                float:left;
                            }
                        }
                    }
                }
                .content-item-enter{
                    background-color: #ebebeb;
                    box-shadow: 0px 2px 12px 0px rgba(208, 208, 208, 0.6);
                }
            }
            .to-raise:nth-child(3n+0){
                margin-right:0;
            }
        }
        .page{
            width:1200px;
            height:24px;
            position:relative;
           .pagination{
               width: 600px;
               position:absolute;
               top:0;
               left:50%;
               transform:translate(-50%,0);
               li{
                   float:left;
                   margin-right:10px;
                   a{
                       display:block;
                       width: 24px;
                       height: 24px;
                       line-height:24px;
                       font-family: "MicrosoftYaHei";
                       font-size: 14px;
                       background-color: #fff;
                       text-align:center;
                       color:#333;
                   }
                   .page-prev{
                    cursor:pointer;
                    width:45px;
                   }
                   .page-next{
                    cursor:pointer;
                    width:45px;
                   }
                   .pagination-btn{
                        border-radius:50%;
                        cursor:pointer;
                        display:block;
                       width: 24px;
                       height: 24px;
                       line-height:24px;
                       font-family: "MicrosoftYaHei";
                       font-size: 14px;
                       background-color: #fff;
                       text-align:center;
                       color:#333;
                   }
                   .page-active{
                       width: 24px;
                       height: 24px;
                       background-color: #c79d7b;
                       font-family: "MicrosoftYaHei";
                       font-size: 14px;
                       line-height:24px;
                       color:#fff;
                   }
               }
           }
        }

    }
}
.share{
    width:58px;
    height:58px;
    position:fixed;
    right:15px;
    bottom:50px;
    //transform:translate(0,-50%);
    z-index:100;
    cursor:pointer;
    .to-share{
        position:relative;
        width:58px;
        height:58px;
        img{
            position:absolute;
            top:-80px;
            right:0;
            z-index:10;
        }
        .share-btn{
            width:58px;
            height:58px;
            background:#fff;
            border-radius:5px;
            position:absolute;
            top:0;
            right:0;
            border:1px solid #ddd;
            text-align:center;
            img{
                position:absolute;
                top:7px;
                left:50%;
                transform:translate(-50%,0);
            }
            p{
                width:100%;
                position:absolute;
                bottom:5px;
                left:0;
                text-align:center;
                font-size:14px;
                color:#080d2d;
            }
        }
    }

}
